const path = require('path')

// 自定义主题的文件路径
const coverPath = path.join(__dirname, './src/cover.less')
/* 覆盖webpack的配置 */
module.exports = {
  devServer: { // 自定义服务配置
    open: true, // 自动打开浏览器
    port: 8090
  },
  lintOnSave: false,
  // css: {
  //   loaderOptions: {
  //     less: {
  //       // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
  //       modifyVars: {
  //         // 直接覆盖变量
  //         "nav-bar-background-color": "#007bff",
  //         'nav-bar-title-text-color': 'white',
  //         'nav-bar-title-font-size': '14px'
  //         // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
  //         // hack: `true; @import "your-less-file-path.less";`,
  //       },
  //     },
  //   },
  // },
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          // 通过 less 文件覆盖（文件路径为绝对路径）
          hack: `true; @import "${coverPath}";`
        }
      }
    }
  }
}
